<app-nav [step]="1"></app-nav>
<div class="mui-content bg-gray">
  <div class="d-flex header bg-linear">
    <div class="flex">
      <img src="./assets/images/address.png" class="address" (click)="showChoose()">
      <input type="text" class="province" [(ngModel)]="showProvince" readonly>
    </div>
    <div class="flex text-center title">信贷猫</div>
    <div class="flex mui-text-right">
      <a [routerLink]="['/attache/screen']" [queryParams]= "{'name':'home'}">筛选</a>
    </div>
  </div>
  <div class="city-list" *ngIf="isShow">
    <span class="city"  (click)="checkProvince()">全国</span>
    <span class="city" *ngFor="let city of _cityList"  (click)="checkProvince(city.value,city.text)">{{city.text}}</span>
  </div>
  <ul class="dan-list mui-list-unstyled">
    <li class="m" *ngFor="let dan of danList" (click)="danDetail(dan.id)">
      <div class="client-case p">
        <h4 class="client-name">{{dan.realname}}</h4>
        <div class="client-ask"><span>{{dan.region_name ? dan.region_name : '全国'}}</span><span class="liner">|</span><span>{{dan.occupation ? dan.occupation : '自由职业'}}</span><span class="m-l">贷款<span class="money-number">{{dan.money}}</span>元</span></div>
        <button type="button" class="mui-btn dan-btn mui-btn-danger"  *ngIf="((dan.number<6)&&dan.buy==='no')" (click)="tips(dan.id,dan.customer_price,$event)">立即抢单</button>
        <button class="mui-btn dan-btn-gray dan-btn" *ngIf="dan.buy==='yes'">已抢单</button>
        <button class="mui-btn dan-btn-gray dan-btn" *ngIf="dan.number===6">已抢完</button>
      </div>
      <div class="client-situation mui-row mui-text-center">
        <span class="mui-col-xs-4"><img src="./assets/images/money.png" alt="月收入">{{dan.monthlyincome ? dan.monthlyincome : '未知'}}{{dan.payrolltype === 1 ? '/现金' : (dan.payrolltype === 2 ? '/打卡' : '')}}</span>
        <span class="mui-col-xs-4"><img src="./assets/images/house.png" alt="房子">{{dan.housetype ===1 ? '有房无房贷' : (dan.housetype ===2 ? '有房有房贷' : (dan.housetype ===3 ? '无房' :'未知'))}}</span>
        <span class="mui-col-xs-4"><img src="./assets/images/car.png" alt="车">{{dan.cartype ===1 ? '有车无车贷' : (dan.housetype ===2 ? '有车有车贷' : (dan.housetype ===3 ? '无车' :'未知'))}}</span>
      </div>
    </li>
    <button type="button" class="mui-btn mui-btn-block add-btn" (click)="more($event)" *ngIf="showAdd">点击加载更多</button>
  </ul>
</div>
